.page {
  &-enter-from,
  &-leave-to,
  &-enter-from .my-pagination,
  &-leave-to .my-pagination {
    opacity: 0;
  }
  &-enter-from {
    transform: translateX(30px);
  }
  &-leave-to {
    transform: translateX(-30px);
  }
  &-enter-from .my-pagination {
    transform: translateY(30px);
  }

  &-enter-active,
  &-leave-active,
  &-enter-active .my-pagination,
  &-leave-active .my-pagination {
    transition: all 0.25s ease-in-out;
  }
  &-enter-active .my-pagination {
    transition-delay: 0.2s;
  }
}

.tab {
  &-enter-from,
  &-leave-to{
    opacity: 0;
  }
  &-enter-active,
  &-leave-active {
    transition: all 0.35s ease-in-out;
  }
}